 *{
     margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
    body{
        width: 100%;
     }
      /* 侧边栏*/

    
     .header{
        height: 66px;
        background: #282828;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
     }
     .header .nav{
        width: 745px;
     }
     .header .nav ul{
        display: flex;
        justify-content: space-between;

     }
     .header ul li{
        text-align: center;
        line-height: 70px;
     }
      .header ul li a{
        font-size: 12px;
        color:#ffffff;

      }
      .header ul li a:hover{
        color: #596766;
      }
        .header p:last-child{
            width:120px;
            height:66px;
            background:#f25c4a; 
            margin-right:35px;
        }
          .header p:last-child a{
            color: #ffff;
            display: block;
            text-align: center;
            line-height: 70px;
          }
           .header p:hover{
            color: #f25c4a;
           }
          /*隐藏部分*/
          .phone_hide{
            position: absolute;
            height: 240px;
            background: #2e2f30;
            top:63px;
            left:0;
             display: flex;
            justify-content: space-between;
           display: none;
           z-index: 999
          }
          .header .header_phone:hover .phone_hide {
        display:block;
    }
           .phone_hide ul{
            height: 240px;
            display: flex;
            }
            .phone_hide ul li img{
               text-align: center;
               margin-top: 50px;
            }
        .phone_hide ul li{
            width: 210px;
            height: 240px;
           text-align: center;

        }
         .phone_hide ul li a{
            font-size: 12px;
            color: #fff;
         text-align: content;
         

         }
         .phone_hide ul li span{
            display: block;
             height: 15px;
            margin-top:-36px;
            margin-left: 13px;
           

         }
          .phone_hide ul li:hover{
            background: #3a3a3a;
          }
         .phone_hide ul li span:hover{
            color: black;
         }
           /*主体部分*/
             .container{
                position: relative;
                 height: 625px;
             }

            .container .lunbo{
                 height: 625px;
                 position: absolute;
                 top:-625px;
                 left:241px;
                 
            }
             .container .lunbo img{
                height: 625px;
             }
         /*  .container{
            position: relative;
            height: 625px;
            background: url(img/container_logo.png) no-repeat center;
           }*/
            .container ul{
                display: flex;
                flex-direction: column;
                 justify-content: space-between;
                height: 625px;
                width: 241px;
                background: #e4edf6;
            }
            .container ul li{
                width: 241px;
                height: 62px;
                line-height: 62px;
                text-align: center;
            }
           .container ul li a{
            font-size: 13px;
            color: black;
           } 
            .container ul li:hover{
              
                background: #fff;
            }
        .container ul li a:hover{
               color: red;
        }
         .container_banner{
            height: 312px;
            display: flex;
            justify-content: space-between;
         }
         .container_banner img{
            height: 315px;
            width: 430px;
            padding: 5px;
         } 
         /*主体隐藏部分*/
         .container_hidden ul{
            background: #ffff;

         } 
         .container_hidden{
             height: 625px;
             width: 241px;
             position: absolute;
             top:0;
             left: 239px;
             display: none;
             text-align: center;
             background: red;
z-index: 999;
         }
         .container_hidden_phone:hover .container_hidden{
            display: block;
         }
         .container_hidden_phone1:hover .container_hidden{
            display: block;
         }

        /*尾部*/
        .footer{
            height: 710px;
            background: #efeeeb;
        }
     .footer .footer_menu{
        height:333px;
        width: 930px;
        margin: 0 auto;
        padding-top: 70px;
        display: flex;
        justify-content: space-between;

     }
     .footer .footer_menu ul{
         height:333px;
         display: flex;
         flex-direction: column;
         justify-content: flex-start;


     }
      .footer .footer_menu ul li:first-child{
            font-size: 17px;      
            font-weight:400;
      }
     .footer .footer_menu ul li{
        width: 165px;
        height: 22px;
        margin-top:2px;
        
     }
      .footer .footer_menu ul li a{
        font-size: 12px;
        color:#606463;
      }
       .footer .footer_menu ul li a:hover{
        color: #f01b4d;
       }
       .footer_foot{
        height:239px;
        background:#fff;
       margin-top:65px;
       text-align: center;
       }
    .footer_foot p{
        height: 14px;
        margin-bottom: 18px;
        font-size: 12px;
    }
    .footer_foot .footer_foot_weibu a{
        color: red;
        font-style: 12px;
    }


/*侧边栏*/
.side{
        width: 70px;
        position: fixed;
        right: 40px;
        bottom: 50px;

    }
.side ul{
    margin-top: 10px;
    width: 72px;
    height: 240px;
   
   display: flex;
   flex-direction: column;
    justify-content: space-around;
    text-align: center;
}
.side ul li{
    height: 70px;
    width: 70px;
    line-height: 70px;
    border:1px solid;
    border-radius: 50%;

}
.side ul li a{
    text-decoration: none;
}
.side ul li i{
    color:#99999;
    font-size:40px;
}
.side ul li:hover i{
    color:#f77;
}

/*滚动条*/
.search{
    width: 100%;
    height: 65px;
    background: white;
    display: none;
    position: fixed;
    top: 0;
    z-index: 999;
    border-bottom: 1px solid black;
}
.search a{
    position: absolute;
    bottom:20px;
    right:120px;
    font-size:17px;
    border: 1px solid red;
color: white;
height: 30px;
width:100px;
 background: #ff4d4d;
 text-align: center;
}
.search a:hover{
    color: black;
}
.top    {
            width: 100px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            background: #000;
            color: #fff;
            position: fixed;
            right:120px;
            bottom: 50px;
            cursor: pointer;
            display: none;
        }
